<%@page pageEncoding="UTF-8" isELIgnored="false" contentType="text/html; UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath}"/>


<script>
    $(function(){
        //初始化表格
        initUserTable();
    });

    //配置表格的相关参数
    function initUserTable(){
        $("#adminTable").jqGrid({
            url : "${path}/Admin/pageAllAdmin",
            editurl:"${path}/Admin/edit",
            datatype : "json",
            rowNum : 2,
            rowList : [ 2,5,10, 20, 30 ],
            pager : '#adminPage',
            viewrecords : true,  //是否展示总条数
            styleUI:"Bootstrap",
            autowidth:true,
            height:"auto",
            colNames : [ 'ID', '账号名','密码','状态'],
            colModel : [
                {name : 'id',index : 'id',width : 55},
                {name:'username',editable:true,align: "center"},
                {name:"password",editable:true,align: "center"},
                {name : 'status',index : 'total',width : 80,align : "center",
                    formatter:function(cellvalue, options, rowObject){
                        //判断状态
                        if(cellvalue==1){
                            //正常状态    冻结  绿色  id  status
                            return "<button class='btn btn-success' onclick='updateStatus(\""+rowObject.id+"\",\""+rowObject.status+"\")' >冻结</button>";
                        }else{
                            //冻结状态   解除冻结  红色
                            return "<button class='btn btn-danger' onclick='updateStatus(\""+rowObject.id+"\",\""+rowObject.status+"\")' >解除冻结</button>";
                        }
                    }
                }
            ]
        });

        //分页工具栏
        $("#adminTable").jqGrid('navGrid', '#adminPage',
            {edit : true,add : true,del : true,addtext:"添加",deltext:'删除',edittext:"修改"},
            {
                closeAfterEdit:true //关闭对话框

            },
            {
                closeAfterAdd:true//关闭对话框
            }
        );
    }


    //修改状态
    function updateStatus(id,status){

        if(status==1){
            $.post("${path}/Admin/edit",{"id":id,"status":"0","oper":"edit"},function(data){
                //刷新表单
                $("#adminTable").trigger("reloadGrid");
            });
        }else{
            $.post("${path}/Admin/edit",{"id":id,"status":"1","oper":"edit"},function(data){
                //刷新表单
                $("#adminTable").trigger("reloadGrid");
            });
        }
    }

</script>

<%--创建一个面板--%>
<div class="panel panel-info">

    <%--面板头--%>
    <div class="panel panel-heading">
        <h2>管理员信息</h2>
    </div>

    <!-- 标签页 -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#home" >管理员管理</a></li>
    </ul><br>


    <%--创建表格--%>
    <table id="adminTable" />

    <%--创建分页工具栏--%>
    <div id="adminPage" />

</div>